* {
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    background-color: burlywood;
}

.cont {
    width: 100%;
    height: 100%;
    padding: 100px;
}

.imgbox {
    width: 123px;
    height: 160px;
    float: left;
    margin-left: -50px;
    transform-style: preserve-3d;
    transition: all ease-in-out .3s;
    perspective: 800px;
    position: relative;
}

.imgbox img {
    border-radius: 10px;
    transform: rotateY(40deg);
    transition: 1s;
}

.imgbox img:hover {
    transform: translateZ(80px) rotateY(0deg) scale(1.5);
}
.imgbox:hover{
    z-index: 9999;
}